<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title>人员管理</title>
    <meta name="renderer" content="webkit">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
    <link rel="stylesheet" href="./plugins/layui/css/layui.css" media="all">
    <link rel="stylesheet" type="text/css" href="css/font-awesome.min.css">
        
    <link rel="stylesheet" type="text/css" href="css/myIndex.css">
</head>

<body>
    <div class="treeOprate">  
        <div class="layui-inline">
            <div class="layui-input-inline">
                <input type="tel" name="phone" autocomplete="off" class="layui-input" placeholder="组织机构">
            </div>
        </div>
        <div class="layui-inline">
              <button class="layui-btn">搜索</button>
              <button class="layui-btn layui-btn-danger">导出</button>
        </div>
    </div>

    <table class="layui-hide" id="test" lay-filter="demoEvent"></table>

    <script src="./plugins/layui/layui.js"></script>
    <script>
        layui.use(['jquery','table','tree','form'], function($,table,tree,form){
            var winWidth = $(document).width()/10;
            table.render({
                id:'id',
                elem: '#test',
                url:'../BeginnerAdmin/datas/user.json',
                cellMinWidth: 80,
                height: 'full-100',
                cols: [[
                  // {checkbox: true, fixed: 'left'},
                  {field:'username', width:winWidth, title: '加入时间', event: 'setSign',sort: true},
                  {field:'sex', width:winWidth, title: '微信号', sort: true},
                  {field:'city', width:winWidth, title: '微信昵称', sort: true},
                  {field:'sign', width: winWidth, title: '姓名', minWidth: 100},
                  {field:'experience',width:winWidth,  title: '当前步数', sort: true},
                  {field:'score',width:winWidth,  title: '本周步数', sort: true},
                  {field:'classify',width:winWidth, title: '本月步数', sort: true},
                  {field:'wealth', width:winWidth, title: '本年步数', sort: true},
                  {field:'oprate', width:200, title: '操作', sort: true, fixed: 'right', toolbar: '#barDemo'}
                ]],
                page: true
              });
        });
    </script>

</body>

</html>